<template>
  <div>
    <van-tabs v-model="active" sticky @click="$emit('on-tab', activeName)">
      <van-tab title="全部" name="1"> 1 </van-tab>
      <van-tab title="社区" name="2"></van-tab>
      <van-tab title="校园" name="3"></van-tab>
      <van-tab title="工地" name="4"></van-tab>
      <van-tab title="交通" name="5"></van-tab>
      <van-tab title="文旅" name="6"></van-tab>
      <van-tab title="质检" name="7"></van-tab>
      <van-tab title="座舱" name="8"></van-tab>
      <van-tab title="车机" name="9"></van-tab>
      <van-tab title="建筑" name="10"></van-tab>
    </van-tabs>
    <div
      v-for="item in 20"
      :key="item"
      class="relative m-4 border border-solid h-12"
    ></div>
  </div>
</template>
  <script>
export default {
  data() {
    return {
      active: "1",
    };
  },
  methods: {
    // handleClick() {
    //   console.log(this.activeName);
    // },
  },
};
</script>

<style scoped>
</style>